// const panels=document.querySelectorAll('.container>.panel')
// panels.forEach(panel=>{
//     panel.addEventListener('click',()=>{
//         removeActive()
//         panel.classList.add('avtive')
//     })
// })
// function removeActive(){
//     panels.forEach(panel=>{
//         panel.classList.remove('active')
//     })
// }




const panels=document.querySelectorAll('.panel')
panels.forEach(panel=>{
    panel.addEventListener('click',()=>{

        panel.classList.add('active')

    })
})
function removeActiveClass(){
    panels.forEach(panel=>{
        panel.classList.remove('active')
    })
}